<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
<head>
    <title>我的订单—小米商城</title>
    <meta charset="utf-8">
    <link rel="shortcut icon" type="image/x-icon" href="/images/favicon/favicon.ico" />
    <link rel="stylesheet" type="text/css" href="/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="/css/mi.css">
    <link rel="stylesheet" type="text/css" href="/css/shop.css">
    <link rel="stylesheet" type="text/css" href="/css/footer1.css">
    <link rel="stylesheet" type="text/css" href="/font-awesome/css/font-awesome.min.css">
    <script type="text/javascript" src="/layui/layui.js"></script>
    <script type="text/javascript" src="/jquery-2.1.4.js"></script>
    <script src="/mylayer.js"></script>
</head>
<body>
    <div class="header">
        <div class="header_menu">
            <ul class="header_left">
                <li><a href="/index.html">小米商城</a><span>|</span></li>
                <li><a href="#">MIUI</a><span>|</span></li>
                <li><a href="#">IOT</a><span>|</span></li>
                <li><a href="#">云服务</a><span>|</span></li>
                <li><a href="#">小爱分享平台</a><span>|</span></li>
                <li><a href="#">金融</a><span>|</span></li>
                <li><a href="#">有品</a><span>|</span></li>
                <li><a href="#">企业服务</a><span>|</span></li>
                <li><a href="#">SelectRegion</a></li>
            </ul>
            <div class="header_right">
                <ul class="userinfo">
                    <li class="username"><a href="javascript:void(0)" class="toUserInfo"><i class="fa fa-angle-down fa-1x"></i></a><span>|</span>
                        <ul>
                            <li class="/page/user/info">个人中心</li>
                            <li class="infoitem">评价晒单</li>
                            <li class="infoitem">我的喜欢</li>
                            <li class="infoitem">小米账户</li>
                            <li class="infoitem">退出登录</li>
                        </ul>
                    </li>
                    <li><a href="#">消息通知</a><span>|</span></li>
                    <li><a href="/page/order/list">我的订单</a></li>
                    <li class="header_right_li"><a href="/cart.html"><i class="fa fa-shopping-cart" ></i>&nbsp; 购物车 ( 0 )</a>
                        <div>购物车中还没有商品，赶紧选购吧！</div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--   主体内容上半部分   -->
    <div class="content-top">
        <div class="content">
            <div class="content_menu">
                <div class="content_menu_pic">
                    <img src="/static/img/footlogo.png" class="content_menu_img"style="margin: 5px 0px;margin-right: 10px;">
                    <img src="/static/img/logoAD.gif" >
                </div>
                <div class="content_menu_ul">
                    <ul>
                        <li>小米手机
                            <div class="mi_phone">
                                <div class="mi_phone_div">
                                    <div class="mi_phone_div_1">
                                        <div  class="mi_phone1">
                                            <div class="new">新品</div>
                                            <div class="mi_phone_shop">
                                                <img src="/static/img/phone/phone1.png">
                                                <br>
                                                <a href="">小米2s</a>
                                                <br>
                                                <a href="" style="color:#FF6A00;">3299元</a>
                                            </div>
                                            <span></span>
                                        </div>
                                        <div  class="mi_phone1">
                                            <div class="new">新品</div>
                                            <div class="mi_phone_shop">
                                                <img src="/static/img/phone/phone2.png">
                                                <br>
                                                <a href="">小米2s</a>
                                                <br>
                                                <a href="" style="color:#FF6A00;">3299元</a>
                                            </div>
                                            <span></span>
                                        </div>
                                        <div  class="mi_phone1">
                                            <div class="new">新品</div>
                                            <div class="mi_phone_shop">
                                                <img src="/static/img/phone/phone3.png">
                                                <br>
                                                <a href="">小米2s</a>
                                                <br>
                                                <a href="" style="color:#FF6A00;">3299元</a>
                                            </div>
                                            <span></span>
                                        </div>
                                        <div  class="mi_phone1">
                                            <div class="new">新品</div>
                                            <div class="mi_phone_shop">
                                                <img src="/static/img/phone/phone1.png">
                                                <br>
                                                <a href="">小米2s</a>
                                                <br>
                                                <a href="" style="color:#FF6A00;">3299元</a>
                                            </div>
                                            <span></span>
                                        </div>
                                        <div  class="mi_phone1">
                                            <!-- <div class="new">新品</div> -->
                                            <div class="mi_phone_shop">
                                                <img src="/static/img/phone/phone1.png">
                                                <br>
                                                <a href="">小米2s</a>
                                                <br>
                                                <a href="" style="color:#FF6A00;">3299元</a>
                                            </div>
                                            <span></span>
                                        </div>
                                        <div  class="mi_phone1">
                                            <!-- <div class="new">新品</div> -->
                                            <div class="mi_phone_shop">
                                                <img src="/static/img/phone/phone1.png">
                                                <br>
                                                <a href="">小米2s</a>
                                                <br>
                                                <a href="" style="color:#FF6A00;">3299元</a>
                                            </div>
                                        </div>

                                        <div class="clear"></div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>红米
                            <div class="mi_phone">
                                <div class="mi_phone_div">
                                    <div class="mi_phone_div_1">
                                        <div  class="mi_phone1">
                                            <div class="new">新品</div>
                                            <div class="mi_phone_shop">
                                                <img src="/static/img/phone/phone7.png">
                                                <br>
                                                <a href="">小米2s</a>
                                                <br>
                                                <a href="" style="color:#FF6A00;">3299元</a>
                                            </div>
                                            <span></span>
                                        </div>
                                        <div  class="mi_phone1">
                                            <div class="new">新品</div>
                                            <div class="mi_phone_shop">
                                                <img src="/static/img/phone/phone8.png">
                                                <br>
                                                <a href="">小米2s</a>
                                                <br>
                                                <a href="" style="color:#FF6A00;">3299元</a>
                                            </div>
                                            <span></span>
                                        </div>
                                        <div  class="mi_phone1">
                                            <div class="new">新品</div>
                                            <div class="mi_phone_shop">
                                                <img src="/static/img/phone/phone9.jpg">
                                                <br>
                                                <a href="">小米2s</a>
                                                <br>
                                                <a href="" style="color:#FF6A00;">3299元</a>
                                            </div>
                                            <span></span>
                                        </div>
                                        <div  class="mi_phone1">
                                            <div class="new">新品</div>
                                            <div class="mi_phone_shop">
                                                <img src="/static/img/phone/phone1.png">
                                                <br>
                                                <a href="">小米2s</a>
                                                <br>
                                                <a href="" style="color:#FF6A00;">3299元</a>
                                            </div>
                                            <span></span>
                                        </div>
                                        <div  class="mi_phone1">
                                            <div class="new">新品</div>
                                            <div class="mi_phone_shop">
                                                <img src="/static/img/phone/phone1.png">
                                                <br>
                                                <a href="">小米2s</a>
                                                <br>
                                                <a href="" style="color:#FF6A00;">3299元</a>
                                            </div>
                                            <span></span>
                                        </div>
                                        <div  class="mi_phone1">
                                            <div class="new">新品</div>
                                            <div class="mi_phone_shop">
                                                <img src="/static/img/phone/phone1.png">
                                                <br>
                                                <a href="">小米2s</a>
                                                <br>
                                                <a href="" style="color:#FF6A00;">3299元</a>
                                            </div>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>电视</li>
                        <li>笔记本</li>
                        <li>盒子</li>
                        <li>新品</li>
                        <li>路由器</li>
                        <li>智能硬件</li>
                        <li>服务</li>
                        <li>社区</li>
                    </ul>
                </div>
                <div class="content-form">
                    <form>
                        <input type="text" name="">
                        <div class="content-form-a"><a href="">电视新品</a>   <a href="">618预热</a></div>
                        <div class="botton"><i class=" fa fa-search"></i></div>

                    </form>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <!--   我的订单 -->
        <div class="order_content">
            <div class="order">
                <p style="color: #333;font-size: 13px;">首页 > 交易订单</p>
                <div class="order_content_div">
                    <div class="order_left">
                        <ul>
                            <li class="box">订单中心</li>
                            <li class="min"><a href="/page/order/list">我的订单</a></li>
                            <li class="min">意外保</li>
                            <li class="min">团购订单</li>
                            <li class="min">评价晒单</li>
                            <li class="min">话费充值订单</li>
                            <li class="min">以旧换新订单</li>

                            <li class="box">个人中心</li>
                            <li class="min">我的个人中心</li>
                            <li class="min">消息通知</li>
                            <li class="min">购买资格</li>
                            <li class="min">现金账户</li>
                            <li class="min">小米礼品卡</li>
                            <li class="min">现金券</li>
                            <li class="min">喜欢的商品</li>
                            <li class="min">优惠券</li>
                            <li class="min">收货地址</li>

                            <li class="box">售后服务</li>
                            <li class="min">服务记录</li>
                            <li class="min">申请服务</li>
                            <li class="min">领取快递报销</li>

                            <li class="box">账户管理</li>
                            <li class="min">个人信息</li>
                            <li class="min">修改密码</li>
                            <li class="min">社区VIP认证</li>
                        </ul>
                    </div>
                    <div class="order_right" id="orderList" >
                        <form class="layui-form layui-form-pane" action="">
                            <div class="layui-form-item">
                                <label class="layui-form-label">原密码</label>
                                <div class="layui-input-inline">
                                    <input type="password" name="password" autocomplete="off" placeholder="请输入" lay-verify="required|passwordRule"
                                           class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">新密码</label>
                                <div class="layui-input-inline">
                                    <input type="password" lay-verify="required|passwordRule"  name="newPassword" autocomplete="off" placeholder="请输入"
                                           class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">确认新密码</label>
                                <div class="layui-input-inline">
                                    <input type="password" lay-verify="required|confirmNewPassword"  name="confirmNewPassword" autocomplete="off" placeholder="请输入"
                                           class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-input-inline">
                                    <button type="submit" class="layui-btn" lay-submit lay-filter="submitForm">立即提交</button>
                                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                                </div>
                            </div>
                        </form>

                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>

        <!--   网页底部   -->
        <div class="footer-top">
            <div class="footer-top_li">
                <div class="footer-top_li_1">
                    <a href="#"><i class="fa fa-wrench"></i>预约维修服务</a><span></span>
                    <a href="#"><i class="fa fa-rotate-right "></i>7天无理由退货</a><span></span>
                    <a href="#"><i class="fa fa-refresh"></i>15天免费换货</a><span></span>
                    <a href="#"><i class="fa fa-gift"></i>满150元包邮</a><span></span>
                    <a href="#"><i class="fa fa-map-marker"></i>520余家售后网点</a>
                </div>
                <span class="separate"></span>
                <div class="footer-top_li_2">
                    <div class="footer-top_li_a">
                        <dl>
                            <dt>帮助中心</dt>
                            <dd><a href="">账户管理</a></dd>
                            <dd><a href="">购物指南</a></dd>
                            <dd><a href="">订单操作</a></dd>
                        </dl>
                        <dl>
                            <dt>服务支持</dt>
                            <dd><a href="">售后政策</a></dd>
                            <dd><a href="">自助服务</a></dd>
                            <dd><a href="">相关下载</a></dd>
                        </dl>
                        <dl>
                            <dt>线下门店</dt>
                            <dd><a href="">小米之家</a></dd>
                            <dd><a href="">服务网点</a></dd>
                            <dd><a href="">授权体验店</a></dd>
                        </dl>
                        <dl>
                            <dt>关于小米</dt>
                            <dd><a href="">了解小米</a></dd>
                            <dd><a href="">加入小米</a></dd>
                            <dd><a href="">投资者关系</a></dd>
                        </dl>
                        <dl>
                            <dt>关注我们</dt>
                            <dd><a href="">新浪微博</a></dd>
                            <dd><a href="">官网微博</a></dd>
                            <dd><a href="">联系我们</a></dd>
                        </dl>
                        <dl>
                            <dt>特色服务</dt>
                            <dd><a href="">F码通道</a></dd>
                            <dd><a href="">礼物码</a></dd>
                            <dd><a href="">防伪查询</a></dd>
                        </dl>
                        <div class="connect">
                            <p class="telephone">Feir-520-1314</p>
                            <p class="time">周一至周日 8:00-18:00<br>(仅收市话费)</p>
                            <button><span class="fa fa-commenting "></span> 联系客服</button>
                        </div>
                    </div>
                    <div class="footer-top_li_b"></div>
                </div>
            </div>

        </div>
        <div class="footer-bottom">
            <div class="footer-bottom_li">
                <div class="footer-bottom_li_1">
                    <img src="/static/img/footlogo.png" alt="" class="logoBottom">
                </div>
                <div class="footer-bottom_li_2">
                    <div class="footer-bottom_li_a">
                        <ul>
                            <li>小米商城<span></span></li>
                            <li>MIUI<span></span></li>
                            <li>米家<span></span></li>
                            <li>米聊<span></span></li>
                            <li>多看<span></span></li>
                            <li>游戏<span></span></li>
                            <li>路由器<span></span></li>
                            <li>米粉卡<span></span></li>
                            <li>政企服务<span></span></li>
                            <li>小米天猫店<span></span></li>
                            <li>隐私政策<span></span></li>
                            <li>问题反馈<span></span></li>
                            <li>Select Region</li>
                        </ul>
                    </div>
                    <div class="footer-bottom_li_b">
                        <a href="">©mi.com</a>
                        京ICP证110507号
                        <a href="">京ICP备10046444号</a>
                        <a href="">京公网安备11010802020134号</a>
                        <a href="">京网文[2014]0059-0009号</a>
                        <br>
                        违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                    </div>
                </div>
                <div class="footer-bottom_li_3">
                    <img src="/static/img/footericon1.png" alt="" class="icon">
                    <img src="/static/img/footericon2.png" alt="" class="icon">
                    <img src="/static/img/footericon3.png" alt="" class="icon">
                    <img src="/static/img/footericon4.png" alt="" class="icon">
                    <img src="/static/img/footericon5.png" alt="" class="icon">
                </div>
                <div class="footer-bottom_li_4">
                    探索黑科技，小米为发烧而生！
                </div>
            </div>
        </div>
        <script type="text/javascript">

            layui.use(['form','upload'],function (){
                var form = layui.form;
                var upload = layui.upload;
                var layer = layui.layer;

                form.verify({
                    passwordRule:function (value){
                        var regex = /^[a-zA-Z\d]{6,10}$/;
                        if(!regex.test(value)){
                            return "密码格式,6-10位字母或数字";
                        }
                    },
                    confirmNewPassword:function (value){
                        var newPass = $('input[name="newPassword"]').val();
                        if(newPass!==value){
                            return "输入密码不一致，请重新输入";
                        }
                    }
                });

                form.on('submit(submitForm)',function (data){
                    var field = data.field;
                    $.post(
                        '/user/resetPassword',
                        field,
                        function (result){
                            if(result.code == 0){
                                mylayer.okUrl(result.msg,'/page/login?returnURI=/')
                            }else{
                                mylayer.errorMsg(result.msg);
                            }
                        },'json'
                    );
                    return false;
                });
            });
            function ChangeReg(divId,divName,Count) {
                for(var i=0;i<=Count;i++){
                    document.getElementById(divName+i).style.display="none";
                }
                document.getElementById(divName+divId).style.display="block";
                if (divId==0) {
                    document.getElementById("regTabs_0").style.color="#FF6A00";
                    document.getElementById("regTabs_1").style.color="#757575";
                }
                if (divId==1) {
                    document.getElementById("regTabs_0").style.color="#757575";
                    document.getElementById("regTabs_1").style.color="#FF6A00";
                }
            }
        </script>
    </div>
</body>
</html>